.px2rem(@name,@px){
    @{name}: @px / 75 * 1rem 
}
html,body{
    height: 100%;;
     background: #007AFF ;
}
.headertop{
    width: 100%;
    .px2rem(height,100);
    .px2rem(line-height,100);
    display: flex;
    justify-content: space-around;
    text-align: center;
    color: white;
    font-size: 24px;
    .icon-qianjin-copy{
        width: 10%;   
    }
    ._top{
        width: 80%;
    }
    p{
       width: 10%; 
    }
}
.tab-nav{
    width: 100%;
    text-align: center;
    ul{
         .px2rem(margin-top,60);
        display: flex;
        justify-content: space-around;
        li{
            width: 50%;
            text-align: center;
            color: white;
            font-size: 20px;

        }
        ._left{
            border-right: 1px solid white;
        }
    }
}
._bottom_1{
    width: 100%;
    text-align: center;
     .px2rem(margin-top,100);

    div{
        width: 100%;
        .px2rem(height,100);
        .px2rem(line-height,100);
        i{
            color: white;
            font-size: 20px; 
            text-align: center;
        }
        input{
            width: 60%;
            .px2rem(height,60);
            .px2rem(line-height,60);
            border: none;
            text-align: center;
        }
    }
    .denglu{
        width: 100%;
        .px2rem(margin-top,100);
        h3{
            width: 60%;
            text-align: center;
            margin: auto;
            font-size: 20px;
            background: #cbcbd0;
            border-radius: 10px;
        }
        p{
            color: deepskyblue;
        }
    }
}
._bottom_2{
    width: 100%;
     .px2rem(margin-top,100);
     display: none;
    div{
        width: 100%;
        .px2rem(height,100);
        .px2rem(line-height,100);
        .px2rem(margin-left,20);
        i{
            color: white;
            font-size: 20px; 
            text-align: center;
        }
        input{
            width: 40%;
            .px2rem(height,60);
            .px2rem(line-height,60);
            border: none;
            text-align: center;
        }
        span{
            background: #cbcbd0;
            border-radius: 10px;
            .px2rem(padding,16);
        }
    }
    .denglu{
        width: 100%;
        .px2rem(margin-top,100);
        h3{
            width: 60%;
            text-align: center;
            margin: auto;
            font-size: 20px;
            background: #cbcbd0;
            border-radius: 10px;
        }
        p{
            color: deepskyblue;
            text-align: center;
        }
    }
}
